<template lang="">
    <div>
        <div class="logo text-center">
            <img src="../../assets/Screenshot.png" alt="" @click="">
        </div>
        <el-menu :default-active="$route.path" :router="true">
            <el-menu-item index="/main/new">
                <i class="el-icon-plus"></i>
                <span>新建问卷</span>
            </el-menu-item>
            <el-menu-item index="/main/manage">
                <i class="el-icon-tickets"></i>
                <span>管理问卷</span>
            </el-menu-item>
            <el-menu-item index="/main/box">
                <i class="el-icon-takeaway-box"></i>
                <span slot="title">题库</span>
            </el-menu-item>
            <el-submenu index="/main">
                <template slot="title">
                    <i class="el-icon-setting"></i>
                    <span>信息管理</span>
                </template>
                <el-menu-item index="/main/teacher">教师信息管理</el-menu-item>
                <el-menu-item index="/main/student">学生信息管理</el-menu-item>
            </el-submenu>
            <el-submenu index="/main/password">
                <template slot="title">
                    <i class="el-icon-monitor"></i>
                    <span slot="title">管理员中心</span>
                </template>
                <el-menu-item index="/main/password">修改密码</el-menu-item>
                <el-menu-item index="/main/admin" v-if="$store.state.authority">管理员管理</el-menu-item>
            </el-submenu>
        </el-menu>
    </div>
</template>
<script>
    export default {
        name: 'Aside'
    }
</script>
<style scoped>
    .el-menu {
        border-right: none;
    }

    .logo {
        font-size: 20px;
        line-height: 80px;
        border-bottom: 1px solid rgb(208, 208, 208);
        height: 81px;
        position: relative;
    }

    .logo img{
        width: 180px;
        position: absolute;
        left:12px;
        top: 20px;
    }
</style>